<template>
	<view class="all">
		<view class="without"></view>
		<view class="title">个人信息管理</view>
		
		<view class="message">
			账号信息
			<view class="border">
				<view class="one">
					<view>手机号码</view>
					<view>></view>
				</view>
				<view></view>
				<view class="invitation-line"></view>
				<view class="one">
					<view>登陆密码</view>
					<ciew>></ciew>
				</view>
			</view>
		</view>
		
		<view class="message">
			实名信息
			<view class="border">
				<view class="one">
					<view>证件类型</view>
					<view>身份证</view>
				</view>
				<view class="invitation-line"></view>
				<view class="one">
					<view>姓名</view>
					<view>*贵*</view>
				</view>
				<view class="invitation-line"></view>
				<view  class="one">
					<view>证件号码</view>
					<view>532*************17</view>
				</view>
			</view>
		</view>

		<view class="message">
			常用地址
			<view class="border">
				<view class="one">
					<view>家</view>
					<view>></view>
				</view>
				<view class="invitation-line"></view>
				<view class="one">
					<view>公司</view>
					<view>></view>
				</view>
				<view class="invitation-line"></view>
				<view class="one">
					<view>管理其他常用地址</view>
					<view>></view>
				</view>
			</view>
		</view>	
	</view>
</template>

<script>
	export default {
		name:"set-component"
	}
</script>

<style>
	page{
	    background-color: #EDEDED;
	}
	.all{
		font-size: 40rpx;
	}
	.without{
		width: 100%;
		height: 65rpx;
		background-color: white;
	}
	.title{
		background-color: white;
		padding-left: 25rpx;
	}
	
	.message{
		font-size: 30rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		
	}
	.border{
		background-color: white;
		width: 98%;
		font-size: 35rpx;
		border-radius: 30rpx;
		color: #666666;
	}
	.one{
		display: flex;
		justify-content: space-between;
		height: 130rpx;
		align-items: center;	
		padding-left: 40rpx;
		padding-right: 40rpx;
		margin-top: 20rpx;
	}
	.invitation-line{
		height: 1rpx;
		background-color: #bbbbbb;
		opacity: 0.3;
		width: 89%;
		margin-left: 40rpx;
	}
</style>